<template>
<pullRefresh ref="pullresh" :fromData="from" :getDataList="dataAPI"  @getdata="getlist">
    <el-header class="header">
      <Condition   @search="gosearch"></Condition>
    </el-header>
    <el-main>

         <ANTextCard class="top" :data ="item" v-for="(item,index) in list" :key="index" ></ANTextCard>
    </el-main>
    </pullRefresh>
</template>

<script>
import ANTextCard from '../components/ANTextCard.vue'
import Condition from '../components/condition.vue'
import pullRefresh from '../../coms/pullRefresh.vue'
export default {
    data(){
        return{
         tabsdata:true,
         from:{
           startTime:"",
           endTime:''
        },
        list:[],
        rules:{},
         dataAPI:this.$API.ActivityMonitoringM.activityDuplicate.businessDimension
        }
    },
    components:{
        Condition,
        pullRefresh,
        ANTextCard
    },
    methods:{
        refresh(){

        },
           search(){
      this.from = {...this.from}
      this.list = []
      this.$refs.pullresh.reset()
   },
           getlist(data){
      this.list =  [...this.list,...data]
   }, 
    gosearch(data){

      this.from.startTime = data.startTime
      this.from.endTime = data.endTime
      this.search()
    },
    }
}
</script>

<style scoped>
.el-main{
  padding: 5px !important;
}
.header{
    width: 100%;
    min-height:72px;
    display: flex;
}
.top{
    margin-top: 1.6rem;
}
.el-header{
--el-header-height:none;
}
</style>